<template>
  <div class="bf-tool-row" :class="slots.default ? [] : ['flex justify-between']">
    <template v-if="slots.default">
      <n-space :size="[10, 10]">
        <slot />
      </n-space>
    </template>
    <template v-else>
      <n-space :size="[10, 10]">
        <slot name="left" />
      </n-space>
      <n-space :size="[10, 10]">
        <slot name="right" />
      </n-space>
    </template>
  </div>
</template>

<script setup lang="ts">
  import { useSlots } from 'vue'

  const slots = useSlots()
</script>

<style scoped lang="scss"></style>
